<c:set var='view' value='/category' scope='session' />
  <!-- BEGIN CONTENT --> 
  <div id="main">
    <div id="categorycontent" >
      <!-- BEGIN TITLE -->
      <div id="titleExt">
        <h5 class="lefte">${typeProduit.typeProduit}</h5>
        <!--<div class="right">View display <span>1</span> of 10 pages</div>-->
        <div class="sp"></div>
      </div>
      <!-- BEGIN PRODUCTS -->
      <ul class="categoryproducts">
          <c:forEach var="subtype" items="${listSubtypes}" varStatus="itero">
            ${(((itero.index+1) % 3) == 0) ? '<li class="last">' : '<li>'}
           <a HREF="<c:url value='/subcategory?${subtype.idtypeProduit}'/>" class="image"><img SRC="${initParam.categoryImagePath}${subtype.idtypeProduit}.jpg" border="0" alt="image" width="250" height="182"/></a>
                  <!--<h3 class="name"><a HREF="<c:url value='/product'/>">${product.description.descriptionBref}</a></h3>-->

                  <h3 class="name"><a HREF="<c:url value='/product'/>">${subtype.typeProduit}</a></h3>
              </li>
          </c:forEach>
      </ul>
      <div class="sp"></div>
    </div>
    <!-- END CONTENT -->
    <div class="sp"></div>
    <!--<div id="gopages"><a href="#" class="prev"><img SRC="css/images/gpPrev.jpg" alt="prev" border="0" /></a><span> <a href="#" class="current">1</a> | <a href="#">2</a> | <a href="#">3</a>...</span><a href="#" class="next"><img SRC="css/images/gpNext.jpg" alt="next" border="0" /></a></div>-->
  </div>
  <div class="sp"></div>
</div>